<template>
  <header id="header3">
    <router-link to slot="left" class="back">
      <img src="../../../static/m_img/back.png" alt class @click="$router.back(-1)">
    </router-link>
    <p class="ellipsis-1">{{title}}</p>
  </header>
</template>
<script>
export default {
  data() {
    return {};
  },
  components: {},
  props: {
    title: String
  },
  methods: {},
  created() {}
};
</script>
<style type="text/css" lang='scss'>
#header3 {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 44px;
  padding: 0 2%;
  .back img,
  .back {
    width: 9px;
    height: 17.5px;
  }
  p {
    width: 90%;
    text-align: center;
    color: #323232;
    font-size: 1.5rem;
  }
}
</style>


